﻿<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>@ViewBag.Title - Trifecta Source LLC</title>
  @Styles.Render("~/Content/css")
  @Scripts.Render("~/bundles/modernizr")
  @Scripts.Render("~/bundles/jquery")
</head>
<body>
  <script type="text/javascript">
    $('ul.dropdown-menu [data-toggle=dropdown]').on('click', function (event) {
      // Avoid following the href location when clicking
      event.preventDefault();
      // Avoid having the menu to close when clicking
      event.stopPropagation();
      // If a menu is already open we close it
      //$('ul.dropdown-menu [data-toggle=dropdown]').parent().removeClass('open');
      // opening the one you clicked on
      $(this).parent().addClass('open');

      var menu = $(this).parent().find("ul");
      var menupos = menu.offset();

      if ((menupos.left + menu.width()) + 30 > $(window).width()) {
        var newpos = -menu.width();
      } else {
        var newpos = $(this).parent().width();
      }
      menu.css({ left: newpos });

    });
  </script>

  <div class="navbar navbar-inverse navbar-fixed-top">
    <div class="container">
      <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>

        <div class="navbar-bran">
          <a href="/">
          <img style="width:50px; height:50px" src="~/Images/logo.png" /></a>
        </div>
        @*@Html.ActionLink(<img src="~/Images/logo.png" />, "Index", "Home", null, new { @class = "navbar-brand" })*@
      </div>
      <div class="collapse navbar-collapse ">
        <ul class="nav navbar-nav">
          <li class="menu-item">@Html.ActionLink("Home", "Index", "Home")</li>
          <li class="menu-item">@Html.ActionLink("About", "About", "Home")</li>
          @*<li class="dropdown-submenu">*@
        @*  <li class="menu-item dropdown">
      <a href="#" class="dropdown-toggle" data-toggle="dropdown">Customers<b class="caret"></b></a>
      <ul class="menu-item dropdown dropdown-menu">
        <li class="menu-item">@Html.ActionLink("Card", "Index", "Card")</li>
        <li class="menu-item">@Html.ActionLink("Customer", "Index", "Customer")</li>
        <li class="menu-item">@Html.ActionLink("Merchant", "Index", "Merchant")</li>
        <li class="menu-item">@Html.ActionLink("Agent", "Index", "Agent")</li>
        <li class="menu-item">@Html.ActionLink("Organization", "Index", "Organization")</li>
        <li class="menu-item">@Html.ActionLink("Customer Transactions", "Index", "ConsumerView", new { id = 1 }, new { })</li>
        <li class="menu-item">@Html.ActionLink("Merchant Transactions", "Index", "MerchantView", new { id = 1 }, new { })</li>


      </ul>
    </li>
    <li class="menu-item dropdown">
      <a href="#" class="dropdown-toggle" data-toggle="dropdown">Products<b class="caret"></b></a>
      <ul class="menu-item dropdown dropdown-menu">
        <li class="menu-item">@Html.ActionLink("Product", "Index", "Product")</li>
        <li class="menu-item">@Html.ActionLink("Sale", "Index", "Sale")</li>
        <li class="menu-item">@Html.ActionLink("Agent Merchant", "Index", "AgentMerchant")</li>
      </ul>
    </li>*@
            <li class="menu-item">@Html.ActionLink("Map","Map","Merchant")</li>
            <li class="menu-item">@Html.ActionLink("Contact", "Contact", "Home")</li>
        </ul>
        @Html.Partial("_LoginPartial")
      </div>
    </div>
  </div>

  <div class="container">
    <div class="container body-content">
      @RenderBody()
      <hr />
        <footer>
            <p>&copy; @DateTime.Now.Year - Trifecta Source LLC</p>
        </footer>
    </div>
  </div>

  @Scripts.Render("~/bundles/bootstrap")
  @RenderSection("scripts", required: false)

</body>
</html>
